<script setup lang="ts">
import { MapData } from '@/types/MapData';
import videoComManagement from '@/components/videoComManagement/index.vue';
import { adjustWebSocketUrl } from '@/utils/adjustWebSocketUrl';

const props = defineProps<{
  mapData: MapData;
  id: string | number;
}>();
</script>

<template>
  <div class="card-box">
    <videoComManagement
      id="video-play"
      :video-type="mapData.data.type"
      :value="adjustWebSocketUrl(mapData.url)"
      :camera-index-code="mapData.data.code"
      :camera-type="mapData.data.cameraType"
    />
  </div>
</template>

<style scoped lang="scss">
.card-box {
  width: 400px;
  height: 300px;
}
</style>
